.home {
  width: 750px;
  background-color: RGB(248, 248, 248);
  padding-bottom: 100px;
}

.home .top {
  height: 100px;
  padding: 0 19px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .top .top-select {
  width: 540px;
}

.home .top .top-map {
  font-size: 30px;
  color: #333;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.home .top .top-map img {
  width: 15px;
  height: 13px;
}

.home .top .top-map p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.home .category-list {
  margin-top: 61px;
  padding: 0 19px;
}

.home .category-list .category-item .item-title {
  font-size: 38px;
}

.home .category-list .category-item .item-flex {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 44px 10px;
}

.home .category-list .category-item .item-flex .item {
  width: 350px;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.home .category-list .category-item .item-flex .item img {
  width: 350px;
  height: 350px;
  background-color: #fff;
}

.home .category-list .category-item .item-flex .item .item-name {
  font-size: 26px;
  color: #333;
  margin-top: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home .category-list .category-item .item-flex .item .item-price {
  font-size: 26px;
  color: #9E4242;
  margin-top: 5px;
}

.home .category-list .category-item .item-flex .last-item {
  width: 350px;
  height: 350px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.home .category-list .category-item .item-flex .last-item p {
  font-size: 32px;
}

.home .category-list .category-item .item-flex .last-item img {
  width: 58px;
  height: 58px;
  margin-top: 21px;
}

.home .topic {
  height: 626px;
  margin-top: 20px;
  background-color: #fff;
  padding: 0 19px;
}

.home .topic .topic-title {
  font-size: 38px;
  color: #333;
  padding-top: 41px;
  padding-bottom: 36px;
}

.home .topic .topic-item {
  width: 712px;
  height: 422px;
  white-space: nowrap;
  overflow-y: auto;
}

.home .topic .topic-item .topic-card {
  width: 556px;
  height: 422px;
  margin-right: 20px;
  display: inline-block;
}

.home .topic .topic-item .topic-card img {
  width: 556px;
  height: 309px;
}

.home .topic .topic-item .topic-card .topic-card-tp {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 21px;
}

.home .topic .topic-item .topic-card .topic-card-tp .topic-card-title {
  width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 30px;
  color: #333;
}

.home .topic .topic-item .topic-card .topic-card-tp .topic-card-price {
  font-size: 24px;
  color: #9E4242;
}

.home .topic .topic-item .topic-card .topic-card-subtitle {
  width: 216px;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  color: #999;
  text-align: left;
}

.home .productlist {
  background-color: #fff;
  width: 750px;
  height: 410px;
  padding: 40px 0px;
  white-space: nowrap;
  overflow-y: auto;
}

.home .productlist .list-item {
  width: 296px;
  height: 408px;
  display: inline-block;
  border-right: 0.8px solid rgba(151, 151, 151, 0.2);
}

.home .productlist .list-item img {
  width: 254px;
}

.home .productlist .list-item .productlist-info {
  width: 200px;
  margin-left: 50px;
  text-align: left;
}

.home .productlist .list-item .productlist-info .productlist-name {
  font-size: 30px;
  color: #333;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0px;
  margin-bottom: 0px;
}

.home .productlist .list-item .productlist-info .productlist-brief {
  font-size: 24px;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0px;
  margin-bottom: 0px;
}

.home .productlist .list-item .productlist-info .productlist-price {
  font-size: 24px;
  color: #9E4242;
  margin-top: 12px;
}

.home .new,
.home .hot {
  width: 710px;
  height: 242px;
  margin: 20px;
}

.home .new img,
.home .hot img {
  width: 100%;
}

.home .swipe-item {
  padding: 22px 19px 0 19px;
}

.home .swipe-item .banner {
  width: 710px;
}

.home .homechannel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 47px 48px 50px 48px;
}

.home .homechannel li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home .homechannel li img {
  width: 69px;
}

.home .homechannel li span {
  font-size: 26px;
}

.home .brandList {
  height: 570px;
  background-color: #fff;
  margin-top: 19px;
  padding: 0 19px;
}

.home .brandList .brandList-title {
  font-size: 38px;
  text-align: center;
  padding-top: 41px;
  padding-bottom: 33px;
}

.home .brandList .info {
  height: 408px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
}

.home .brandList .info .info-item {
  position: relative;
}

.home .brandList .info .info-item .info-mes {
  position: absolute;
  top: 33px;
  left: 23px;
  text-align: left;
}

.home .brandList .info .info-item .info-mes .name {
  font-size: 30px;
  font-weight: 500;
}

.home .brandList .info .info-item .info-mes .price {
  font-size: 24px;
  color: #999;
}

.home .brandList .info .info-item img {
  width: 350px;
  height: 196px;
}
